input,button{
    padding: 0;
    margin: 0;
}
*{
    padding: 0;
    margin: 0;
}
input,button{
    outline: none;
    border: none;
    /* disable */
}
/* .container{}
.wrapper{}
.w{}
 */

.heart{
    width: 1200px;
    min-height: 30px;
    margin: auto;
}
.clearfix::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
ul,ol{
    list-style: none;
  
}

a{
    text-decoration: none;
}
#hard{
    width: 100%;
    height: 30px;
    background: #101010;
}
#hard>.typeArea{
    height: 30px;
    font-size:18px;
    color: #e6e6e6;
    line-height: 30px;
}
#hard>.typeArea>.mark
{
    height: 30px;
    float: left;
    width: 140px;
}
#hard>.typeArea>.greet
{
    font-size:14px;
    height: 30px;
    float: right;
    width: 220px;
}
#hard>.typeArea>.greet>a{
    color: #bfbfbf;
}
#hard>.typeArea>.greet span{
    color: #ff6600;
}

#foot1{
    height: 94px;
    border-top: 5px solid #ff6600;
    margin-top: 50px;
    background: #f2f2f2;
}
#foot1>.icon{
    height: 94px;
}
#foot1>.icon>.warp{
    height: 70px;
    width: 812px;
    margin: auto;
    margin-top: 18px;
}
#foot1>.icon>.warp .beauti{
    height: 70px;
    width: 140px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
}
#foot1>.icon>.warp .beauti1{
    background-image: url("../img/222_11.png");
}
#foot1>.icon>.warp .beauti2{
    background-image: url("../img/222_13\(1\).png");
}
#foot1>.icon>.warp .beauti3{
    background-image: url("../img/222_15.png");
}
#foot1>.icon>.warp .beauti4{
    background-image: url("../img/222_17.png");
}
#foot1>.icon>.warp .beauti5{
    margin: 0 62px;
}
#foot1>.litt{
    height: 370px;
}
#foot1>.litt>.warp{
    height: 160px;
    width: 730px;
    margin: auto;
    margin-top: 35px;
}
#foot1>.litt>.warp .diagonal{
    width: 146px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    float: left;
}
#foot1>.litt>.number{
    height: 100px;
    background: #ff6600;
    font-size: 78px;
    color: #ffffff;
    text-align: center;
    margin-top: 54px;
}